<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Anypickup</title>

    <link rel="stylesheet" href="../css/animate.min.css"/>
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.css">
    <link rel="stylesheet" href="../css/index_new.css"/>
     <link rel="stylesheet" href="../css/style.css"/>
    <link rel="shortcut icon" href="../images/bot-logo.png" type="image/x-icon"/>
    <!--[if IE]>
    <script type="text/javascript">
        var console = {
            log: function () {
            }
        };
    </script>
    <![endif]-->
</head>
<body>
<div class="responsiveheader" >
    <nav class="navbar navbar-defaul " role="navigation">
        <div class="container">
            <div class="navbar-header">
                <img src="../images/logo1.png" alt="">
            </div>
            <div class="nav-body" id="mlogin">
                <button v-if="login" type="button" class="btn btn-link user-name" style="float: right;margin-top:10px;color:white;outline:none">个人中心</button>
                <button v-if="login" type="button" class="btn btn-link user-name" style="float: right;margin-top:10px;color:white;outline:none">{{user}}</button>
                <button v-if="noLogin" type="button" class="btn btn-link register" style="float: right;margin-top:10px;color:white;outline:none;" data-toggle="modal" data-target="#c-worn">注册</button>
                <button v-if="noLogin" type="button" class="btn btn-link login" style="float: right;margin-top:10px;color:white;outline:none" data-toggle="modal" data-target="#editdaily">登录</button>
            </div>

            </div>
    </nav>

</div>

 <div class="search-group">
            <div class="input-group">
               <div class="input-group-btn">
                  <button type="button" class="btn btn-default 
                     dropdown-toggle" data-toggle="dropdown">
                     职位 
                     <span class="caret"></span>
                  </button>
                  <ul class="dropdown-menu">
                     <li><a href="#">其他</a></li>
                  </ul>
               </div><!-- /btn-group -->
               <input type="text" class="form-control">
               <div class="input-group-btn">
             <button class="btn btn-primary">搜索</button>
         </div>
            </div><!-- /input-group -->
         </div><!-- /.search-group -->
         

<!--第一部分，运送货物填写框<--></-->
 <!-- 轮播图开始 -->
      <div id="ad-carousel" class="carousel slide" data-ride="carousel">
          <ol class="carousel-indicators">
              <li data-target="#ad-carousel" data-slide-to="0" class="active"></li>
              <li data-target="#ad-carousel" data-slide-to="1"></li>
              <li data-target="#ad-carousel" data-slide-to="2"></li>
              <li data-target="#ad-carousel" data-slide-to="3"></li>
              <li data-target="#ad-carousel" data-slide-to="4"></li>
          </ol>
          <div class="carousel-inner">
              <div class="item active">
                  <img src="../../../public/images/banner.png" alt="1 slide">
              </div>
              <div class="item">
                  <img src="../../../public/images/banner.png" alt="2 slide">

              </div>
              <div class="item">
                  <img src="../../../public/images/banner.png" alt="3 slide">
              </div>
              <div class="item">
                  <img src="../../../public/images/banner.png" alt="4 slide">
              </div>
              <div class="item">
                  <img src="../../../public/images/banner.png" alt="5 slide">
              </div>
          </div>
      </div>
      <!-- 轮播图结束 -->
<!--第一部分end-->
<!--第二部分 how anypickup works-->
<div class="section" id="section1">
    <div class="com-wrap">
        <div class="com-work">
            <div class="page2-item ">
                <p class="com-title-1 step-1">互联网</p>
                <!-- <img src="../images/2-1.png" style="width: 150px;height: 150px;" /> -->
            </div>
            <div style="width:1px; height:50px; border-left:1px solid #000;"></div>
            <div class="page2-item">
                <p class="com-title-1 step-2">金融</p>
                <!-- <img src="../images/2-2.png" style="width: 150px;height: 150px;" /> -->
            </div>
            <div style="width:1px; height:50px; border-left:1px solid #000;"></div>
            <div class="page2-item">
                <p class="com-title-1 step-3">教育</p>
                <!-- <img src="../images/2-3.png" style="width: 150px;height: 150px;"/> -->
            </div>
            <div style="width:1px; height:50px; border-left:1px solid #000;"></div>
            <div class="page2-item">
                <p class="com-title-1 step-3">房地产</p>
                <!-- <img src="../images/2-3.png" style="width: 150px;height: 150px;"/> -->
            </div>
            <div style="width:1px; height:50px; border-left:1px solid #000;"></div>
            <div class="page2-item">
                <p class="com-title-1 step-3">医疗.化工</p>
                <!-- <img src="../images/2-3.png" style="width: 150px;height: 150px;"/> -->
            </div>
        </div>
    </div>
</div>
<!--第二部分end-->
<!--第三部分why choose anypickup-->
<div id="menu" class="menu">
    <h1 class="title">
        <a>所有商品分类</a>
        <s class="btn_group bright">
            <a class="bleft" title="扩展视图"></a>
            <a class="bright" title="精简视图"></a>
        </s>
    </h1>
    <div class="items">
        <ul>
            <li class="list-item11 alt">
              <h3>医药保健</h3>
                <p class="on">
                    <a href="#">保健</a>
                    <a href="#">滋补</a>
                    <a href="#">养生</a>
                    <a href="#">食疗</a>
                    <a href="#">提高免疫</a>
                </p>
                <p class="on">
                    <a href="#">药品</a>
                    <a href="#">血压</a>
                    <a href="#">美瞳</a>
                    <a href="#">计生</a>
                    <a href="#">体检</a>
                </p>
          </li>
            <li class="list-item12">
              <h3>汽车配件</h3>
                <p class="on">
                    <a href="#">汽车</a>
                    <a href="#">汽车用品</a>
                    <a href="#">坐垫</a>
                    <a href="#">座套</a>
                </p>
                <p class="on">
                    <a href="#">脚垫</a>
                    <a href="#">GPS</a>
                    <a href="#">儿童安全座椅</a>
                    <a href="#">改装</a>
                </p>
          </li>
            <li class="list-item13 alt">
              <h3>图书音像</h3>
                <p class="on">
                    <a href="#">考试</a>
                    <a href="#">儿童</a>
                    <a href="#">小说</a>
                    <a href="#">外语</a>
                    <a href="#">社科</a>
                    <a href="#">艺术</a>
                </p>
                <p class="on">
                    <a href="#">养生</a>
                    <a href="#">文学</a>
                    <a href="#">动漫</a>
                    <a href="#">杂志</a>
                    <a href="#">心理</a>
                    <a href="#">管理</a>
                </p>
          </li>
            <li class="list-item15 alt">
              <h3>手机/网游点卡</h3>
          </li>
      </ul>
  </div>            
   </div> 
<!--第三部分end-->
<!--第四部分-->
<div class="section bottom-copyright" id="section3">
    <div class="bottom">
        <div class="com-wrap">
            <div class="about-us">
                <ul>
                    <li class="com-bottom-title">简介</li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">产品服务</a></li>
                    <li><a href="#">创新优势</a></li>
                     <li><a href="#">微简历简介</a></li>
                      <li><a href="#">联系我们</a></li>
                </ul>
                <ul>
                    <li class="com-bottom-title">帮助</li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">产品服务</a></li>
                    <li><a href="#">创新优势</a></li>
                     <li><a href="#">微简历简介</a></li>
                      <li><a href="#">联系我们</a></li>
                </ul>
                <ul>
                    <li class="com-bottom-title">合作</li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">产品服务</a></li>
                    <li><a href="#">创新优势</a></li>
                     <li><a href="#">微简历简介</a></li>
                      <li><a href="#">联系我们</a></li>
                </ul>
                 <ul>
                    <li class="com-bottom-title">导航</li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">产品服务</a></li>
                    <li><a href="#">创新优势</a></li>
                     <li><a href="#">微简历简介</a></li>
                      <li><a href="#">联系我们</a></li>
                </ul>
            </div>
            <div class="copyright">
                <p>© Copyright 2015 Company name.</p>
                <a href="#">Company Address</a>
            </div>
        </div>
    </div>
</div>
<!--第四部分end-->


<script src="../javascripts/jquery-1.11.2.js"></script>
<script src="../javascripts/jquery.validate.js"></script>
<script src="../javascripts/jquery.form.js"></script>
<script src="../javascripts/bootstrap.min.js"></script>
<script type="text/javascript" src="../javascripts/index.js"></script>
<script type="text/javascript" src="../javascripts/vue.js"></script>
<script type="text/javascript" src="../javascripts/jquery.tmailsider.js"></script>

</body>
</html>